﻿@using DirectSell.Model.Money
@using Webdiyer.WebControls.Mvc;
@model  PagedList<Consumption>
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/User/Views/Shared/UserLayout.cshtml";
}

<!-- APP MAIN ==========-->
<main id="app-main" class="app-main">
    <div class="wrap">
        <section class="app-content">
            <div class="widget p-lg">
                <h4 class="m-b-lg">收支查询</h4>
                <nav class="page-redcolor">
                    <div id="orders">
                        <div id="dvCategoryResults">
                            @Html.Partial("List", Model)
                        </div>
                        <div style="width:100%;overflow:auto;">
                            <div style="float:right">Go to page<select id="pib"></select></div>
                            @Ajax.Pager(Model, new PagerOptions
                           {
                               PageIndexParameterName = "page",
                               ContainerTagName = "ul",
                               CssClass = "pagination",
                               PageIndexBoxId = "pib",
                               Id = "mypager",
                               CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",
                               DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
                               PagerItemTemplate = "<li>{0}</li>"
                           }).AjaxOptions(a => a.SetUpdateTargetId("orders").EnablePartialLoading())
                        </div>
                    </div>
                </nav>

                @section scripts{ @{Html.RegisterMvcPagerScriptResource();}}
            </div><!-- .widget -->
        </section><!-- #dash-content -->
    </div><!-- .wrap -->
    <!-- APP FOOTER -->
    <div class="wrap p-t-0">
        <footer class="app-footer">
            <div class="clearfix">
                <div class="copyright text-center w100">@DirectSell.Common.Url.CommonConfig.companyName</div>
            </div>
        </footer>
    </div>
    <!-- /#app-footer -->
</main>
<!--========== END app main -->